<script setup>
import {computed} from "vue";

const userName = $ref('')

const userNameComputed = computed({
  // getter
  get() {
    return userName
  },
  // setter
  set(newValue) {
    userName = newValue
  }
})

</script>

<template>
  <h4>计算属性:计算属性 本身类似于属性 </h4>
  <h4>计算属性:可以添加get、set方法 给属性赋值</h4>
  userName:{{userName}}<br/>
  userNameComputed{{userNameComputed}}<br/>
  改变计算属性值:<input type="text" v-model="userNameComputed">
</template>
